<template>
  <div class="home-container">
    <TopView></TopView>
    <SalesView></SalesView>
    <BottomView></BottomView>
    <MapView></MapView>
  </div>
</template>

<script>
import TopView from '@/views/Home/components/TopView'
import SalesView from '@/views/Home/components/SalesView'
import BottomView from '@/views/Home/components/BottomView'
import MapView from '@/views/Home/components/MapView'

export default {
  name: 'HomeView',
  components: {
    TopView,
    SalesView,
    BottomView,
    MapView
  }
}
</script>

<style lang="scss" scoped>
.home-container {
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #eee;
  box-sizing: border-box;
}
</style>
